<template>
  <div>
    <el-input type="text" size="small" v-model="dataval" />
  </div>
</template>
<script>
export default {
  props: ['contentval', 'helpertype', 'helpercontent'],
  data() {
    return {
      dataval: this.setDefaultValue(this.contentval)
    }
  },
  methods: {
    setDefaultValue(val) {
      if (Array.isArray(val)) {
        return val.join(',')
      }
      // if (['string', 'number'].indexOf(typeof val) > -1) {
      //   return val
      // }
      if (typeof val === 'number') {
        return `${val}`
      }
      if (typeof val === 'boolean') {
        return `${val}`
      }
      return val
    },
    getvalue(oldval, newval) {
      if (Array.isArray(oldval)) {
        return newval.split(',')
      }
      // if (['string', 'number'].indexOf(typeof val) > -1) {
      //   return val
      // }
      if (typeof newval === 'number') {
        return parseInt(newval)
      }
      console.log(typeof oldval)
      if (typeof oldval === 'boolean') {
        return newval === 'true' || newval === '1'
      }
      return newval
    }
  },
  watch: {
    dataval(val) {
      this.$emit('update:contentval', this.getvalue(this.contentval, val))
    },
    contentval(val) {
      this.dataval = this.setDefaultValue(val)
    }
  }
}
</script>
